<template>
  <s-layout class="set-userinfo-wrap" :bgStyle="{ color: '#FFF' }" navbar="custom">
    <!-- 后续增加v-if -->
    <view>
      <!-- 标题栏 -->
      <view class="bgtitle">饮水思源，喝健康水，喝放心水</view>
      <view class="head-box ss-m-b-100">
        <view class="head-title ss-m-b-20">IoT智能物联网制水机</view>
        <view class="head-subtitle">欢迎使用IoT智能物联网制水机，请先登录</view>
      </view>

      <button @tap="renderLoginModal()" style="background-color: orange; margin: 20px; color: #fff">一键登录</button>
    </view>
    <!-- 后续增加v-else -->
  </s-layout>
</template>
<script setup>
import sheep from '@/sheep';
import UserApi from '@/sheep/api/member/user';
import { onMounted, computed } from 'vue';
import { showAuthModal } from '@/sheep/hooks/useModal';

// 自动跳转
onMounted(async () => {
  try {
    //已登录检查
    /*
  
  isName 判断已经实名
  说明：未通过实名的用户会被定期清理
  isLogin 判断是否登录
  isPass 是否通过账号审核     数字类型，0代表未审核或未通过 1代表审核中 2代表审核通过     是否要加一个新的接口？（没有通过账号审核则一直跳转到用户权限选择的页面）
  说明：未通过账号审核的用户（0）会被定期清理
  
  */
    const isLogin = computed(() => sheep.$store('user').isLogin); //检查是否登录
    console.log('isLogin', isLogin.value);
    if (isLogin.value) {
      sheep.$helper.toast('已登录');
      //检查是否实名
      const isName = await UserApi.isNameAuthenication();
      console.log('isName', isName.data);
      if (isName.data) {
        //已经实名

        //判断是否购买
        const levelId = await UserApi.levelId();
        console.log('levelId', levelId.data);
        //已购买
        if (levelId.data === true) {
          //已购买
          sheep.$helper.toast('您已订阅制水机，正在跳转到订单列表');
          //检查是否通过账号审核
          const isGrant = await UserApi.isGrant(); //
          if (isGrant.data) {
            sheep.$helper.toast('欢迎使用本公司净水器');
            setTimeout(() => {
              sheep.$router.go('/pages/index/index'); // 已注册则跳转到首页
            }, 300);
          } else {
            setTimeout(() => {
              sheep.$router.go('/pages/order/list'); // 未审核则跳转到订单列表
            }, 300);
          }
        } else {
          //未购买
          sheep.$helper.toast('请先购买本产品');
          const jump = setTimeout(() => {
            sheep.$router.go('/pages/register/category'); // 购买产品
          }, 300);
        }
      } else if (isName.data === false) {
        sheep.$helper.toast('请先进行实名认证');
        let timer = 0;
        const jump = setInterval(() => {
          sheep.$router.go('/pages/register/auth-identification'); // 跳转到身份认证页面
          timer++;
          if (timer > 0) {
            clearInterval(jump);
          }
        }, 1000);
      } else {
        sheep.$helper.toast('无法获取请求，请联系服务器管理员');
      }
    } else {
      //自动跳转登录页面（开发的时候调用测试弹窗）
      showAuthModal('smsLogin');
    }
  } catch (error) {
    sheep.$helper.toast('出错:'+error);
  }
});

//转到某个页面
function renderLoginModal() {
  showAuthModal('smsLogin');
}
</script>

<style lang="scss" scoped>
@import '@/sheep/components/s-auth-modal/index.scss';

.bgtitle {
  position: fixed;
  top: 0;
  pointer-events: none;
  font-size: 100px;
  color: rgba(0, 26, 255, 0.096);
}

.head-box,
button {
  margin: 230px 30px 30px 30px;
  width: auto;
  height: auto;
}

.head-title {
  font-size: 40px !important;
  line-height: 1.5em !important;
  color: rgb(3, 0, 182) !important;
}
</style>
